<script setup lang="ts">
import { ref } from "vue";

defineProps<{ msg: string }>();
const count = ref(0);
console.log("Hello World");

</script>

<template>
  <h1>{{ msg }}</h1>

  <div>
    <button type="button" @click="count++">count is: {{ count }}</button>
    <span class="count">count is: {{ count }}</span>
    <a :class="$style.link">超链接</a>
  </div>
</template>

<style scoped  lang="scss">
.count{
  color: $themeColor;
}
</style>
<style module>
.link {
  color: red;
}
</style>